<template>
    <div class="manager-container-search">
        <p v-if="showTitle" class="search-title">
            <slot></slot>
        </p>
        <p class="form_info">
            <slot name="form_info"></slot>
            <ShowMore
                show-text-tips="更多查询"
                close-text-tips="隐藏更多查询"
            ></ShowMore>
        </p>
        <slot name="form_btn"></slot>
    </div>
</template>

<script setup lang="ts">
const props = defineProps({
    showTitle: {
        required: false,
        default: () => false,
    },
});
</script>

<style lang="scss" scoped>
.manager-container-search {
    position: relative;
    border-radius: 8px;
    flex-direction: column;
    background: #fff;
    box-shadow: var(--el-box-shadow-light);
    .search-title {
        height: 77px;
        line-height: 77px;
        background: url("../../../assets/images/from_bg.png");
        background-size: 100% 100%;
        .title {
            margin-left: 53px;
        }
    }
    .form_info {
        padding: 32px 20px 11px 20px;
        &_searchMore {
            cursor: pointer;
            width: 100%;
            font-size: 14px;
            color: #999999;
            line-height: 20px;
            @include flexLayout;
        }
    }
}
</style>
